﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style type="text/css">
        .auto-style1 {
            width: 76px;
        }
    </style>
</head>
<body>

    <h1>我的消息</h1>
    <p>
        <strong>url：</strong>/Message/ToMe</p>
    <p>
        <strong>说明：</strong>显示所有发送给我的留言（由其他用户发出）和通知（系统自动产生）
    </p>
    <h2>进入权限</h2>
    <ul>
        <li>已登录用户方可访问</li>
    </ul>
    <h2>页面内容</h2>
    <ul>
        <li>
            <h3>说明</h3>
            <ul>
                <li>
                    <h4>标题</h4>
                    <ul>
                        <li>留言和通知&nbsp;&nbsp;&nbsp; </li>
                    </ul>
                </li>
                <li>
                    <h4>列表项</h4>
                    <ul>
                        <li>每页最多显示5个目标</li>
                        <li>每个目标由以内容组成：</li>
                        <li>
                            <h4>头部</h4>
                            <ul>
                                <li>目标（系统通知无此项）</li>
                                <li>留言人（系统通知显示：系统通知）</li>
                                <li>时间</li>
                            </ul>
                        </li>
                        <li>
                            <h4>内容</h4>
                        </li>
                        <li>
                            <h4>底部</h4>
                            <ul>
                                <li>
                                    <input id="Checkbox2" type="checkbox" />知道了
                            </li>
                                <li>
                                    <a href="#">回复</a></li>
                            </ul>
                        </li>

                        <li>
                            <h4>显示全部</h4>
                            <ul>
                                <li>和任务验收相关的：点击，显示弹出框，其中包含该任务项下全部历史记录</li>
                                <li>两个用户之间的：点击，显示弹出框，其中包含两人之间的全部留言</li>
                            </ul>
                        </li>

                    </ul>

                    <li>
                        <h4>分页</h4>
                </li>
            </ul>
        </li>
        <li>
            <h4>测试</h4>
        </li>
        <ul>
            <li>
                <table style="width:100%;">
                    <tr>
                        <td class="auto-style1"><strong>用户</strong></td>
                        <td><strong>结果</strong></td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="auto-style1">叶子</td>
                        <td>目标加入，任务验收/拒收/质疑 四条未读留言，按时间顺序倒序排列</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="auto-style1">阿布</td>
                        <td>没有留言</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="auto-style1">落木</td>
                        <td>没有留言</td>
                        <td>&nbsp;</td>
                    </tr>
                </table>
            </li>
        </ul>
    </ul>

    <h2>已读未读</h2>
    <ul>
        <li>
            <h3>说明</h3>
            <ul>
                <li>“未读”显示为亮蓝色，并带有勾选框：<input id="Checkbox1" type="checkbox" />知道了</li>
                <li>可以通过两种方式将“未读”转换为“已读”<ul>
                    <li>勾选：<input id="Checkbox4" checked="checked" type="checkbox" />知道了</li>
                    <li>点击其目标链接</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>
            <h3>测试</h3>
            <ul>
                <li>“叶子”身份登录，进入该页面</li>
                <li>勾选：<input id="Checkbox3" checked="checked" type="checkbox" />知道了<ul>
                    <li>该消息的“亮蓝色”和“勾选框：<input id="Checkbox5" type="checkbox" />知道了”消失：消息转换成已读</li>
                    </ul>
                </li>
                <li>点击另一个未读消息的目标链接<ul>
                    <li>页面跳转到该目标显示页面</li>
                    </ul>
                </li>
                <li>再回到“消息列表”页面：<ul>
                    <li>刚才点击的消息项已变成已读</li>
                    <li>页面顶部首先显示未读，然后才按时间倒叙排列</li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
    
    <h2>回复</h2>
    <ul>
        <li>点击某任务验收相关消息（如：<a href="http://localhost:33572/User/Profile/2">阿布</a>拒绝验收<a href="http://localhost:33572/Plan/Show/1">玩命听懂VOA</a>），弹出窗口：<a href="_Reply.html">回复页</a></li>
        <li>点击其他任务无关的消息（如：<a href="http://localhost:33572/User/Profile/2">阿布</a>加入了<a href="http://localhost:33572/Plan/Show/1">玩命听懂VOA</a>，或：晚上吃烧烤），转到留言人主页留言部分。</li>
    </ul>
    <p>
        &nbsp;</p>
    
</body>
</html>
